<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>企业基础信用报告</title>
<link href="/css/report/report.css" th:href="@{/css/report/report.css}"
	rel="stylesheet">
<link href="/css/report/printReport.css" media="print"
	th:href="@{/css/report/printReport.css}" rel="stylesheet">
</head>
<body>
	<input id="legalPersonId" name="legalPersonId" type="hidden"
		th:value="${legalPersonId}">
	<div class="main">
		<div class="head">
			<h1>企业基础信用报告</h1>
			<h2 id="companyName" th:text="${legalPersonReportBaseVO.companyName}"></h2>
		</div>
		<div class="contianer" id="base">
			<div class="basic-type">
				<div class="detail-type">
					<table class="other-message">
						<tbody>
							<tr>
								<td width="20%">企业名称</td>
								<td width="30%" th:text="${legalPersonReportBaseVO.companyName}"></td>
								<td rowspan="5" colspan="2"><div style="height: 240px;" id="echarts-gauge-chart"></div></td>
							</tr>
							<tr>
								<td>信用等级</td>
								<td id="levelName">A</td>
							</tr>
							<tr>
								<td>等级释义</td>
								<td id="levelDesc">表示该企业基础信用优秀，经营活力较高、发展表现较优，风险表现为安全，信用良好信息较多，不确定因素对其经营与发展影响极小。</td>
							</tr>
							<tr>
								<td>报告日期</td>
								<td th:text="${date}"></td>
							</tr>
							<tr>
								<td>报告编号</td>
								<td id="timestamp" th:text="${timestamp}">6106001201812026</td>
							</tr>
							<tr>
								<td>企业住所</td>
								<td colspan="4" th:text="${legalPersonReportBaseVO.registeredAddress}"></td>
							</tr>
							<tr>
								<td>法人</td>
								<td th:text="${legalPersonReportBaseVO.legalPersonName}"></td>
								<td>注册资本</td>
								<td th:text="${legalPersonReportBaseVO.registeredCapital}"></td>
							</tr>
							<tr>
								<td>成立日期</td>
								<td th:text="${legalPersonReportBaseVO.createdDate}"></td>
								<td>所属行业</td>
								<td th:text="${legalPersonReportBaseVO.industry}"></td>
							</tr>
							<tr>
								<td>联系电话</td>
								<td th:text="${legalPersonReportBaseVO.phoneNumber}"></td>
								<td>邮箱</td>
								<td ></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="contianer clearfix" id="count"></div>
		<div class="contianer clearfix bg-white">
			<div style="height: 480px;" id="echarts-ys"></div>
		</div>
		<div class="contianer" id="msg"></div>
		<div class="contianer">
			<div class="basic-type">
				<div class="basic-type-head clearfix">
					<h2>附件：</h2>
					<div class="basic-type-img basic-type-img-bottom"></div>
				</div>
				<div class="detail-type">
					<div class="detail-type-head clearfix">
						<h3>1.声明</h3>
						<div class="detail-type-img detail-type-img-add"></div>
					</div>
					<table class="other-message">
						<tr>
							<td>
							（一）本报告信息来源：全国企业信用信息公示系统、中国裁判文书网、中国执行信息公开网 、人民检察院行贿犯罪档案查询系统、信用中国、信用陕西、信用延安、国家知识产权局、商标局 、版权局等政府主导的信用信息信息系统，其他征信调查资料。采集方式主要为信息主体提供、公司开展征信调查获取，部分数据已注明出处，若有异议请联系本公司，我们依相关法律作出相应处理；<br/>
							（二）本报告内容是鼎业征信接受您的委托,基于公开信息、企业提供信息和征信调查信息挖掘所得结果，鼎业征信不对该查询结果的全面、准确、真实性负责；<br/>
							（三）本报告仅供参考之用，因使用该报告而产生的任何后果，本公司概不负责；<br/>
							（四）未经本公司及信息主体的同意和授权，不得向第三人透露本报告任何内容。在任何情况下，对由于使用本报告所造成的损失，本公司不承担任何责任。<br/>
							</td>
						</tr>
					</table>
				</div>
				<div class="detail-type">
					<div class="detail-type-head clearfix">
						<h3>2.基础信用等级释义</h3>
						<div class="detail-type-img detail-type-img-add"></div>
					</div>
					<table class="other-message">
							<tr>
								<th width="15%">级别</th>
								<th width="15%">综合评分</th>
								<th width="70%">释  义</th>
							</tr>
							<tr>
								<td>A</td>
								<td>≥ 800<1000</td>
								<td>表示该企业基础信用优秀，经营活力较高、发展表现较优，历史信用良好，风险表现为安全，不确定因素对其经营与发展影响极小。</td>
							</tr>
							<tr>
								<td>B</td>
								<td>≥ 600<800</td>
								<td>表示该企业基础信用良好，经营活力良好、发展表现良好，风险表现为提醒，信用信息表现较好，不确定因素对其经营与发展影响较小。</td>
							</tr>
							<tr>
								<td>C</td>
								<td>≥ 400<600</td>
								<td>表示该企业基础信用较低，经营活力较低、发展表现较低，风险表现为警示，信用不良信息较多，不确定因素对其经营与发展有一定影响。</td>
							</tr>
							<tr>
								<td>D</td>
								<td><400</td>
								<td>表示该企业基础信用差，经营活力差，发展表现差，风险表现为严重，信用不良信息很多，存在很大风险和不稳定性。</td>
							</tr>
							<tr>
								<td>特殊事项控制规定</td>
								<td colspan="2">（一）企业被列入国家或各地方政府信用信息平台严重失信“黑名单”的，直接确定为D级；<br/>
									（二）发现企业提供虚假信息的，直接确定为D级。</td>
							</tr>
						</table>
				</div>
			</div>
		</div>
		<div class="button">
			<button type="button" onclick="printReport();">打印</button>
			<button type="button" onclick="printPDF();">生成PDF</button>
			<button type="button" onclick="window.close();">关闭</button>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<!-- ECharts -->
	<script src="/js/plugins/echarts/echarts-all.js"></script>
	<script th:inline="javascript"> var ctx = [[@{/}]] ; </script>
	
	<script type="text/javascript" src="/js/jquery.qrcode.min.js"
		th:src="@{/js/jquery.qrcode.min.js}"></script>
	<script type="text/javascript"
		src="/js/app/report/legalPerson/printReport.js"
		th:src="@{/js/app/report/legalPerson/printReport.js}"></script>
	<script type="text/javascript" src="/js/jquery.qrcode.min.js"
		th:src="@{/js/jquery.qrcode.min.js}"></script>
		<script type="text/javascript">
		loadGauge();
		function loadGauge() {
			
			$.ajax({
				cache : true,
				type : "POST",
				url : "/reportPDF/scoreViewDefault",
				data: {
						name:$('#companyName').text()
					  }, // 请求数据的ajax的data属性
				async : false,
				error : function(request) {
					parent.layer.alert("网络超时");
				},
				success : function(obj) {
					$("#levelDesc").text(obj.levelDesc);
					$("#levelName").text(obj.levelName);
					var gaugeChart = echarts.init(document.getElementById("echarts-gauge-chart"));
					var option = {
						    tooltip : {
						        formatter: "{a} <br/>{b} : {c}"
						    },
						    animation:false,
						    series : [
					            {
					                name:'信用分',
					                type:'gauge',
					                radius : '90%',
					                min:0,
					                max:Number(obj.scoreTotal),
					                splitNumber:10,
					                axisLine: {            // 坐标轴线
					                    lineStyle: {       // 属性lineStyle控制线条样式
					                        width: 10
					                    }
					                },
					                axisTick: {            // 坐标轴小标记
					                    length :15,        // 属性length控制线长
					                    lineStyle: {       // 属性lineStyle控制线条样式
					                        color: 'auto'
					                    }
					                },
					                splitLine: {           // 分隔线
					                    length :14,         // 属性length控制线长
					                    lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
					                        color: 'auto'
					                    }
					                },
					                title : {
					                    textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
					                        fontWeight: 'bolder',
					                        fontSize: 14,
					                        fontStyle: 'italic'
					                    }
					                },
					                detail : {
					                    textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
					                        fontWeight: 'bolder'
					                      
					                    }
					                }
					                ,
					                data:[{value: Number(obj.score), name: obj.levelName}]
					            }
						    ]
						};

					gaugeChart.setOption(option);
					$(window).resize(gaugeChart.resize);
					
				}
			});
		};
		
		/**
		 * 查询明细
		 * @param naturalPersonId	自然人ID
		 * @param busiId	指标ID
		 * @param _this	当前元素节点
		 * @returns
		 */
		 queryCharts();
		function queryCharts(){
			$.ajax({
				data : {
					legalPersonId : $('#legalPersonId').val(),
					busiId : 61
				}, 
				url : '/report/legalPerson/linkReportCharts' ,
				success : function(r) {
					var legendData = new Array;
					var xAxisData = new Array;
					var series = new Array;
					for(var i = 1; i < r.th.length;i++){
						legendData.push(r.th[i]);
						var obj = new Object;
						obj.name = r.th[i];
						obj.type = 'bar';
						obj.label = { show: true };
						obj.data = new Array;
						for(var j = 0;j < r.tr.length;j++){
							obj.data.push(r.tr[j][i]);
						}
						series.push(obj);
					}
					$.each(r.tr,function(k2,v2){
						xAxisData.push(v2[0]);
					})
					console.log(legendData);
					console.log(xAxisData);
					console.log(series);
					var ChartsOption = {
						    tooltip: {
						        trigger: 'axis',
						        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
						            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
						        }
						    },
						    legend: {
						        data: legendData
						    },
						    grid: {
						        left: '3%',
						        right: '4%',
						        bottom: '3%',
						        containLabel: true
						    },
						    yAxis: [
						        {
						            type: 'value'
						        }
						    ],
						    xAxis: [
						        {
						            type: 'category',
						            axisTick: {
						                show: false
						            },
						            data: xAxisData
						        }
						    ],
						    series: series
						};
					console.log(ChartsOption);
					
					var ysChart = echarts.init(document.getElementById("echarts-ys"));
					ysChart.setOption(ChartsOption);
					$(window).resize(ysChart.resize);
				}
			})
		}
		</script>
</body>
</html>